<script setup>
import { ref, watch } from 'vue'
import { useRoute } from 'vue-router'
import warehousingEntry from '@/views/warehousingentry/warehousingEntry/index.vue'
import warehousingEntryDetails from '@/views/warehousingentry/warehousingEntryDetails/index.vue'
import warehousingEntryDetailsunload from '@/views/warehousingentry/warehousingEntryDetailsunload/index.vue'
import warehousingEntryDetailsSort from '@/views/warehousingentry/warehousingEntryDetailsSort/index.vue'
import warehousingEntryDetailsSortlisted from '@/views/warehousingentry/warehousingEntryDetailsSortlisted/index.vue'
import warehousingEntryUp from '@/views/warehousingentry/warehousingEntryUp/index.vue'

const activeName = ref('entry')
</script>

<template>
  <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleTabChange">
    <el-tab-pane label="入库单" name="entry">
      <warehousingEntry />
    </el-tab-pane>
    <el-tab-pane label="待到货" name="details">
      <warehousingEntryDetails />
    </el-tab-pane>
    <el-tab-pane label="待卸货" name="unload">
      <warehousingEntryDetailsunload />
    </el-tab-pane>
    <el-tab-pane label="待分拣" name="sort">
      <warehousingEntryDetailsSort />
    </el-tab-pane>
    <el-tab-pane label="待上架" name="listed">
      <warehousingEntryDetailsSortlisted />
    </el-tab-pane>
    <el-tab-pane label="收货明细" name="up">
      <warehousingEntryUp />
    </el-tab-pane>
  </el-tabs>
</template>

<style>
.demo-tabs>.el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}
</style>
